<!--登录成功后的主页面-->
<div id="content">
	<el-row class="statistics-card">
		<div v-for="(item,index) in dataList" :key="index">
			<el-col :sm="24 / dataList.length">
				<el-card>
					<el-col :sm="8">
						<div class="card-icon" @click="test">
							<e-icon :icon-name="item.icon"></e-icon>
						</div>
					</el-col>
					<el-col :sm="8">&nbsp;</el-col>
					<el-col :sm="8">{{item.title}}<br />{{item.quantity}}</el-col>
				</el-card>
			</el-col>
		</div>
	</el-row>
	<el-row class="charts">
		<el-col :sm="5">
			<el-row>
				<el-card class="left-card">
					<ve-pie :data="chartData" :extend="pieExtend" :height="height" :log="true" :settings="pieSettings" :width="width"></ve-pie>
				</el-card>
			</el-row>
			<el-row>
				<el-card class="left-card">
					<ve-histogram :data="chartData" :extend="extend" :height="height" :width="width"></ve-histogram>
				</el-card>
			</el-row>
			<el-row>
				<el-card class="left-card">
					<ve-line :data="chartData" :extend="extend" :height="height" :width="width"></ve-line>
				</el-card>
			</el-row>
		</el-col>
		<el-col :sm="14">
			<el-card class="map-card">
				<ve-map :data="mapData" :height="mapHeight" :settings="mapSettings" :width="mapWidth"></ve-map>
			</el-card>
		</el-col>
		<el-col :sm="5">
			<el-row>
				<el-card class="right-card">
					<ve-pie :data="chartData" :extend="pieExtend" :height="height" :settings="pieSettings" :width="width"></ve-pie>
				</el-card>
			</el-row>
			<el-row>
				<el-card class="right-card">
					<ve-histogram :data="chartData" :extend="extend" :height="height" :width="width"></ve-histogram>
				</el-card>
			</el-row>
			<el-row>
				<el-card class="right-card">
					<ve-line :data="chartData" :extend="extend" :height="height" :width="width"></ve-line>
				</el-card>
			</el-row>
		</el-col>
	</el-row>
</div>
